<template>
<div>
    <div class="yt yt-pj headbg">
            <div class="yt yt-ac "><div class="logo"></div></div>
            <div class="yt  yt-ac">
                <div class="cursor yt yt-ac yt-self-stretch pdlr10"><i class="el-icon-search fot24 icon-gray"></i></div>
                <div class="cursor yt yt-ac yt-self-stretch pdlr10"><i class="el-icon-bell fot24 icon-gray"></i></div>
                <img src="https://via.placeholder.com/30x30" class="pdlr10 userhead" />
                <el-dropdown trigger="click"  @command="handleCommand">
                    <span class="el-dropdown-link fot16 icon-gray cursor" >
                        Mickemier<i class="el-icon-arrow-down el-icon--right icon-gray"></i>
                    </span>
                    <el-dropdown-menu command slot="dropdown">
                        <el-dropdown-item command="a">黄金糕</el-dropdown-item>
                        <el-dropdown-item command="b">狮子头</el-dropdown-item>
                        <el-dropdown-item command="c">螺蛳粉</el-dropdown-item>
                        <el-dropdown-item command="d" disabled>双皮奶</el-dropdown-item>
                        <el-dropdown-item command="e" divided>蚵仔煎</el-dropdown-item>
                    </el-dropdown-menu>
                </el-dropdown>
            </div>
    </div>
</div>
</template>

<script>
import ajax from '@/utils/ajax.js'
export default {
    data() {
        return {
            msg: '我是goods组件!',
            ckck: this.$store.state.bankName,
            axData: '',
            as: "background-image:url(https://via.placeholder.com/280x46)",
            // logoicon: require('../assets/logo.png')
        }
    },
    mounted(){
   
    },
    methods: {
        handleCommand(e) {
        
        }
   
    }
}
</script>

<style scoped>
.headbg {
    background-color: #2e3238;
    height:56px;
}
.logo{width:200px;height:40px;background-image:url('https://via.placeholder.com/200x40');}
.icon-gray{color:#8d8f91;}
.userhead{display:block;width:30px;height:30px;}
</style>
